import { createLazyFileRoute } from "@tanstack/react-router";
import Heroheader from "@/components/hero/heroheader";
import Heronav from "@/components/hero/heronav";
import Heroarticle from "@/components/hero/heroarticle";
import Herorightarticle from "@/components/hero/herorightarticle";
export const Route = createLazyFileRoute("/")({
  component: Index,
});

function Index() {
  return (
    <>
      <main className="bg-[#efebdf] h-lvh w-full">
        <Heroheader />
        <section className="grid grid-cols-6 grid-rows-6 h-4/5">
          <Heronav />
          <Heroarticle />
          <Herorightarticle />
          <footer className="border-2 border-black col-span-2 row-span-2">
            最底下的东西
          </footer>
          <footer className="border-2 border-black col-start-3 row-start-6 col-span-4">
            右边底下
          </footer>
          <footer className="border-2 border-black col-start-3 row-start-5 col-span-2">
            最后一撮
          </footer>
        </section>
      </main>
    </>
  );
}
